<template>
	<!-- 量化分级-星级展示-企业风采展示 -->
	<view class="app">
		<view class="single-bar">
			<view class="single-item">
				<image :src="formData.images" mode="aspectFit"></image>
				<!-- 视频位 -->
				<video
				      id="myVideo"
				      :src="formData.video_src"
				      :controls="controls"
				      :autoplay="autoplay"
				      style="width: 100%; height: 600rpx;"
				    ></video>
				<u-sticky>
					<!-- 介绍 -->
					<u-tabs-swiper ref="tabs1" bar-width="100" active-color="#0070C0" :list="tabs" :current="currentTab"
						@change="changeTab" :is-scroll="false"></u-tabs-swiper>
					<swiper class="swiper-style" :current="currentSwiper" @transition="transition"
						@animationfinish="animationfinish">
						<!-- 企业简介 -->
						<swiper-item class="swiper-item">
							<scroll-view scroll-y class="swiper-style">
								<view class="">
									由企业提供文字版内容，500字以为，由我们来进行上传
								</view>
								<view class="">
									11月30日，零食巨头良品铺子（SH603719，股价19.38元/股，市值78亿元）宣布17年来首次最大规模降价，门店在售300余款产品会员价平均降价22%，最高降幅45%，主要集中在成本优化但不影响品质以及复购率高的零食上。

									公司新任董事长兼总经理杨银芬上任才刚刚三天，短时间内，良品铺子连续宣布“换帅”和“降价”，这似乎不是巧合。

									日前，杨银芬在全员公开信中直言：“当下，摆在我们面前的已经不仅是活得困难的问题，而是活不活得下去的问题。”

									今年的休闲零食行业风起云涌，量贩零食行业势头迅猛，近期更有两大量贩零食头部企业——零食很忙和赵一鸣零食，宣布合并。业内人士认为，此次良品铺子的降价，与量贩零食企业的倒逼有一定关系。


								</view>
							</scroll-view>
						</swiper-item>
						<!-- 荣誉资质 -->
						<swiper-item class="swiper-item">
							<scroll-view scroll-y class="swiper-style">
								<view class="">
									由企业提供文字版内容，500字以为，由我们来进行上传
								</view>
								<view class="">
									<image :src="formData.images" mode="aspectFit"></image>
								</view>
								<view class="">
									11月30日，零食巨头良品铺子（SH603719，股价19.38元/股，市值78亿元）宣布17年来首次最大规模降价，门店在售300余款产品会员价平均降价22%，最高降幅45%，主要集中在成本优化但不影响品质以及复购率高的零食上。

									公司新任董事长兼总经理杨银芬上任才刚刚三天，短时间内，良品铺子连续宣布“换帅”和“降价”，这似乎不是巧合。

									日前，杨银芬在全员公开信中直言：“当下，摆在我们面前的已经不仅是活得困难的问题，而是活不活得下去的问题。”

									今年的休闲零食行业风起云涌，量贩零食行业势头迅猛，近期更有两大量贩零食头部企业——零食很忙和赵一鸣零食，宣布合并。业内人士认为，此次良品铺子的降价，与量贩零食企业的倒逼有一定关系。

									CFF20LXzkOwNfsay86cib4p0S2T0NfBIZicSMl7tYnKBaibmLibs8uIQI1mZYasibU5KFf6wlMM5EENdMic3ibFTHCmUw.png
									CFF20LXzkOwNfsay86cib4p0S2T0NfBIZicSMl7tYnKBaibmLibs8uIQI1mZYasibU5KFf6wlMM5EENdMic3ibFTHCmUw.png
									© 由 每日经济新闻 提供
									“面临着创业以来最艰难的挑战”

									刚刚履新董事长兼总经理，杨银芬就放出了大招。

									此次良品铺子降价，主要针对的是线下门店。其中，夏威夷果、松子、开心果、腰果等坚果，猪肉脯、鸭脖、烤香肠等肉类零食，辣条、豆干、面包蛋糕、瓜子等复购率高的品类，是降价主力。

									长期以来，良品铺子坚持高端零食定位。为何如今宣布降价？香颂资本董事沈萌接受《每日经济新闻》记者采访时分析说，降价的原因可能在于消费结构调整，消费需求下移，迫使企业必须以降价的方式回应市场变化，否则可能会丢失份额。

									中国食品产业分析师朱丹蓬也认为，受宏观经环境和消费端信心不足等因素的影响，当前中国的休闲零食进入平价周期，良品铺子的此次战略调整比较及时。

									一叶知秋，层林尽染，来携程，享秋日定制美景！
									一叶知秋，层林尽染，来携程，享秋日定制美景！
									广告
									携程
									11月29日，杨银芬发出了一封全员公开信。《每日经济新闻》记者获得的公开信显示，杨银芬分析了此次降价的三方面原因：

									在行业方面，线上消费流量转移，竞争加剧，线下各种零食模式全面开花，一系列“新物种”出现；


								</view>
							</scroll-view>
						</swiper-item>
						<!-- 大师风采 -->
						<swiper-item class="swiper-item">
							<scroll-view scroll-y class="swiper-style">
								<view class="">
									点击特色菜肴，出现图
									片和文字形式介绍
								</view>
								<view class="">
									11月30日，零食巨头良品铺子（SH603719，股价19.38元/股，市值78亿元）宣布17年来首次最大规模降价，门店在售300余款产品会员价平均降价22%，最高降幅45%，主要集中在成本优化但不影响品质以及复购率高的零食上。

									公司新任董事长兼总经理杨银芬上任才刚刚三天，短时间内，良品铺子连续宣布“换帅”和“降价”，这似乎不是巧合。

									日前，杨银芬在全员公开信中直言：“当下，摆在我们面前的已经不仅是活得困难的问题，而是活不活得下去的问题。”

									今年的休闲零食行业风起云涌，量贩零食行业势头迅猛，近期更有两大量贩零食头部企业——零食很忙和赵一鸣零食，宣布合并。业内人士认为，此次良品铺子的降价，与量贩零食企业的倒逼有一定关系。


								</view>
							</scroll-view>
						</swiper-item>
						<!-- 特色菜肴 -->
						<swiper-item class="swiper-item">
							<scroll-view scroll-y class="swiper-style">
								<view class="">

									点击大师风采，出现图
									片和文字形式介绍
								</view>
								<view class="">
									11月30日，零食巨头良品铺子（SH603719，股价19.38元/股，市值78亿元）宣布17年来首次最大规模降价，门店在售300余款产品会员价平均降价22%，最高降幅45%，主要集中在成本优化但不影响品质以及复购率高的零食上。

									公司新任董事长兼总经理杨银芬上任才刚刚三天，短时间内，良品铺子连续宣布“换帅”和“降价”，这似乎不是巧合。

									日前，杨银芬在全员公开信中直言：“当下，摆在我们面前的已经不仅是活得困难的问题，而是活不活得下去的问题。”

									今年的休闲零食行业风起云涌，量贩零食行业势头迅猛，近期更有两大量贩零食头部企业——零食很忙和赵一鸣零食，宣布合并。业内人士认为，此次良品铺子的降价，与量贩零食企业的倒逼有一定关系。


								</view>
							</scroll-view>
						</swiper-item>
					</swiper>
				</u-sticky>
			</view>
		</view>
	</view>
</template>

<script>
	import config from "@/app.config.js";
	import DEMO_COMPANY from "@/data/demoCompany.js";

	export default {
		data() {
			return {
				formData: {},
				tabs: [{
					name: '企业简介'
				}, {
					name: '荣誉资质'
				}, {
					name: '特色菜肴'
				}, {
					name: '大师风采'
				}],
				currentTab: 0, // tabs组件的current值，表示当前活动的tab选项
				currentSwiper: 0, // swiper组件的current值，表示当前活动的swiper-item
				dataList: [{
					id: '1'
				}, {
					id: '2'
				}, {
					id: '3'
				}, {
					id: '4'
				}],
				barStyle: {
					color: 'red',
					backgroundColor: 'red',
				},
				
				src: 'http://example.com/video.mp4',  // 视频地址
				controls: true,  // 是否显示控制条
				autoplay: true,  // 是否自动播放
			}
		},
		onLoad(options = {}) {
			this.initPage(options);
		},
		methods: {
			initPage(options) {
				this.id = options.id || 1;
				this.getData();
			},
			pageTo(path) {
				vk.navigateTo(path);
			},
			getData() {
				this.formData = DEMO_COMPANY.find(item => item.id == this.id)

				uni.setNavigationBarTitle({
					title: this.formData.name
				})
			},
			// 点击tab
			changeTab(index) {
				console.log('点击tab', index)
				this.currentSwiper = index;
			},
			// swiper-item左右移动，通知tabs的滑块跟随移动
			transition(e) {
				console.log('swiper-item左右移动', e)
				let dx = e.detail.dx;
				this.$refs.tabs1.setDx(dx);
			},
			// swiper滑动结束，分别设置tabs和swiper的状态
			animationfinish(e) {
				console.log('swiper滑动结束', e)
				let current = e.detail.current;
				this.$refs.tabs1.setFinishCurrent(current);
				this.currentTab = current;
				this.currentSwiper = current;
			},
		},
		// 监听器
		watch: {

		},
		// 计算属性
		computed: {

		},
	}
</script>

<style lang="scss">
	.app {
		margin: auto;
		width: 90%;
	}

	.title {
		margin: 50rpx 0;
		font-size: 24px;
		font-weight: 700;
		text-align: center;
	}

	.swiper-item {
		padding: 30rpx 0;
		box-sizing: border-box;
	}

	.swiper-style {
		height: 50vh;
		width: 100%;
	}
</style>